﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="imageListBox.ascx.cs" Inherits="VISS.Web.Frontend.Modules.User.Profile.ImageListBoxControl" %>
<div id="image-list-box">
    <span class="header">
    <% if (IsPersonal) { %>
    Album của bạn
    <% } else { %>
    Album của <%=UserName %>
    <% } %>
    </span>
    <div class="box">
    <% if (ImageList.Count == 0) {
           if (ImageCount == 0) { %>
            <div style="margin-top: 20px; height: 50px; text-align: center">
            <% if (IsPersonal) {
                   Response.Write("Hiện bạn không có hình ảnh nào, xin upload tại trang quản lý hình ảnh");
               }
               else {
                   Response.Write("Hiện thành viên này chưa có hình ảnh nào trong album.");
               }
             %>
            </div>
        <% } else { %>
            <div style="margin-top: 20px; height: 50px; text-align: center">Không có hình ảnh nào trong trang này.</div>
        <% } %>
    <% } else {
           if (IsPersonal) {
               for (int i = 0; i < ImageList.Count; i++) { %>
                <div class="images-thumb-box">
                    <div class="image">
                        <img src="<%=(AppSettings.ImageStoreUploadServer + ImageList[i].ThumbFileName) %>" title="<%=ImageList[i].Description %>" onclick="ImageDetail('<%=ImageList[i].ID %>', '<%=UserKey %>');" />
                    </div>
                    <span class="image-delete" onclick="DeleteImage('<%=ImageList[i].ID %>');">Xóa ảnh</span>
                </div>
            <% }
           } else {
               for (int i = 0; i < ImageList.Count; i++) { %>
                <div class="images-thumb-box">
                    <div class="image-detail">
                        <div class="image">
                            <img src="<%=(AppSettings.ImageStoreUploadServer + ImageList[i].ThumbFileName) %>" title="<%=ImageList[i].Description %>" onclick="ImageDetail('<%=ImageList[i].ID %>', '<%=UserKey %>');" />
                        </div>
                    </div>
                </div>
            <% }
           }
       } %>
    </div>
    <div class="footer">
        <div class="footer-left">
            <span id="span-total"><%=ImageCount %> hình</span>
        </div>
        <div class="footer-right">
            <%=Paging %>
        </div>
    </div>
</div>